<ion-content>
  <div class="bg">
    <ion-icon ios="ios-settings" md="md-settings" style="margin: 20px" (click)="settingsClick()"></ion-icon>
    <ion-avatar (click)="insertPicClick()" *ngIf="user.user">
      <img src="{{(user.user.smallHeadPic)?user.user.smallHeadPic:user.DEFAULT_IMG}}">
    </ion-avatar>
    <div *ngIf="!user.user" class="login-register">
      <div (click)="toLoginClick()">
        注册/登录
      </div>
    </div>
    <!--<div *ngIf="user.user" class="nickname">{{(user && user.nickname)?user.nickname:user.username}}</div>-->
    <div class="user-count">
      <div (click)="myArticleClick()">文章{{userCenter? '('+userCenter.articleCount+')':''}}</div>
      <div>话题</div>
      <div>关注</div>
      <div>粉丝</div>
    </div>
  </div>
  <ion-list>
    <ion-item>
      <ion-icon ios="ios-information-circle" md="md-information-circle" item-left></ion-icon>
      <ion-label (click)="messageClick()">我的消息</ion-label>
    </ion-item>
    <ion-item>
      <ion-icon name="calendar" item-left></ion-icon>
      <ion-label>草稿箱</ion-label>
    </ion-item>
    <ion-item>
      <ion-icon name="calendar" item-left></ion-icon>
      <ion-label (click)="historyClick()">浏览记录</ion-label>
    </ion-item>
  </ion-list>
</ion-content>
